<script src='{$base_dir}js/jquery.tablesorter.pager.js' type='text/javascript' ></script>
<script src='{$base_dir}js/AJAX_Queue.js' type='text/javascript' ></script>

<script type='text/javascript'>
	{literal}
	$(document).ready(function() {
		activeMenu('2', '5');		
		viewEncounterQueue('all');
		$('table#table_inline_encounter_queue').tablesorter();	
		$('table#table_inprogress_encounter_queue').tablesorter();
		$('table#table_waiting_encounter_queue').tablesorter();
	});
	{/literal}
</script>
<div id='main_queue'>
	<table cellpadding='0' cellspacing='0'>
		<tr>
			<td style='padding-right: 10px; text-transform: uppercase;'>
				<span class='label' style='font-weight: bold;'>{translate}Select room{/translate}</span>&nbsp;
				<select id='encounter_room'  style='width: 200px;'>	
					{if isset($encounterRoom)}			
					<option value='all' label='All' selected='selected'>{translate}All{/translate}</option>						
					{html_options options=$encounterRoom}
					{/if}
				</select>
			</td>	
			<td>
				<div id='reload' style='display:none; width: 100px;'>
					<a href='javascript:reloadEncounterQueue();' title='{translate}Update list of patients{/translate}'><img src='{$base_uri}/images/refresh.png'/></a>						
				</div>
				<div id='innerLoading' style='display:block; width: 100px;'>
					<img src='{$base_uri}/images/ajax-loader.gif'/>
				</div>
			</td>
		</tr>		
	</table>
	
	{include file='queue/element_general_queue.html'}
	
</div>	

	